#top_video{width: 100%; overflow: hidden; position: relative; z-index: 1000;}
.hszn-img{
	max-height:500px;
	max-width:500px;
}
.video-zz{ position: absolute; z-index: 2; width: 100%; height: 100%; background:#000; opacity: 0.5; top: 0; left: 0;  }
.top_video_in{ display: block; text-align: center; z-index: 10;}
.top_video_in .top_video_title{ color: #fff; font-weight: normal; position: relative;  text-shadow:0px 0px 5px #000;}
.top_video_in .top_video_title2{ color: #fff; font-weight: normal;text-shadow:0px 0px 5px #000;  }
.top_video_in  p{  color: #fff; text-shadow:0px 0px 3px #000; }
#top_video .top_btns{margin-top: 5px; width: 100%; text-align: center;}
#top_video .top_btns a{display: inline-block; padding: 8px 25px; border-radius: 10px; margin:0 10px; font-size: 14px; text-shadow:1px 1px 8px #000;}
#top_video .top_btns a.top_btns_btn1{color: #fff; border: solid 1px #fff;}
#top_video .top_btns a.top_btns_btn2{color: #fff; background: #fff; border: solid 1px #fff;}
#top_video .top_btns a:hover{opacity: 0.6;}
#top_video .pagination_out{width: 100%; position:absolute; bottom: 0; left: 0; line-height: 3px; z-index: 100; background: url(../images/b_80.png); text-align: left; padding: 3px 0 6px 0;}
#top_video .pagination_out span{ width: 30px; height: 3px; border-radius: 0;  background: #fff; margin: 0 5px;}
#top_video .pagination_out span.swiper-pagination-bullet-active{ background:#cf0434;}
.topvideo_play{display: none;}

@media screen and (min-width:1024px) and (max-width:20000px){
	
	.top_video_in{max-width: 1200px; margin: 0 auto;width: 100%;padding-top:10%; }
	.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size: 32px;}
	
	.top_video_in  p{ font-size: 18px;line-height: 34px;}
	.swiper-next,.swiper-prev{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat; font-size: 48px; color: #fff; text-align: center; line-height: 44px; opacity: 0.5;}
.swiper-prev{left:15px;}
.swiper-next{right:30px;}
.swiper-next:hover,.swiper-prev:hover{ opacity:1;}
	.swiper-next.swiper-button-disabled,.swiper-prev.swiper-button-disabled{opacity: 0.3;}
}


@media screen and (min-width:0px) and (max-width:797px){
	.swiper-next,.swiper-prev{display: none;}	
	.top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
	.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size:24px;}
	
	.top_video_in  p{ font-size: 14px;line-height: 20px;}
	
	
}

@media screen and (min-width:768px) and (max-width:1023px){
.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size:36px;}
	
	.top_video_in  p{ font-size: 16px;line-height: 24px;}
		.top_video_in{position:absolute; top: 0; left: 0;  }

}
@media screen and (min-width:768px) and (max-width:20000px){
	.top_video_in{position: relative;padding-top:10% }
	.top_video_bac{width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 1; background-position: center center; background-size: 100% 100%;}
.top_video_bac video{min-width: 100%;min-height: 100%; position: relative;z-index: 1;}	
	
}

@media screen and (min-width:1px) and (max-width:767px){
	.top_video_in{position:absolute; top: 0; left: 0; padding-top:15px!important; }
	.top_video_bac{display: none;}
	#top_video,#top_video .swiper-container{ height: auto!important;}
	.move_img	{position: relative; z-index: 1;}
}



.twotab .top_video_in{position:absolute; top: 0; left: 0; padding-top:30px!important; }

.twotab  .top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
.twotab 	.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size:24px;}
	
.twotab 	.top_video_in  p{ font-size: 14px;line-height: 20px;}






@media screen and (min-width:1024px) and (max-width:20000px){
	.contact_banner .contact_banner_in a{width:22%;}
.contact_banner .contact_banner_in a span b{font-size: 18px;}
.contact_banner .contact_banner_in a span p{font-size: 14px; margin: 0;}
	.contact_banner .contact_banner_in a i{width: 50px; height: 50px;font-size:28px; line-height: 53px;float: left;}
}
@media screen and (min-width:768px) and (max-width:1023px){
		.contact_banner .contact_banner_in a{width:24%;}
.contact_banner .contact_banner_in a span b{font-size: 14px;}
.contact_banner .contact_banner_in a span p{font-size: 12px; margin: 0;}
		.contact_banner .contact_banner_in a i{width: 30px; height: 30px;font-size:18px; line-height: 33px;float: left;}
}

@media screen and (min-width:1px) and (max-width:767px){
	.contact_banner .contact_banner_in a{width:24%; text-align: center;}
#index_content .contact_banner .contact_banner_in a span {display: none;}
		.contact_banner .contact_banner_in a i{width: 30px; height: 30px;font-size:18px; line-height: 33px;}
}


.contact_banner.xfxs{position: fixed; bottom: 0; left: 0;}
.contact_banner{width:100%; height: auto; position: relative; padding: 10px 0; z-index: 1000; background-position: top center;}
.contact_banner .contact_banner_in{margin: 0 auto; max-width: 1280px; width: 95%; padding: 0 2.5%; text-align: center;}
.contact_banner .contact_banner_in a{display:inline-block;  height: auto;cursor: pointer; position: relative;}
.contact_banner .contact_banner_in a i{display: inline-block; text-align: center; background: #fff; border-radius: 100%; }
.contact_banner .contact_banner_in a:hover i{background: none!important ; color:#fff!important; border-radius: 0; }
.contact_banner .contact_banner_in a span{float: left; display: block; text-align: left; margin: 5px 0 0 15px;}
.contact_banner .contact_banner_in a:hover span{opacity: 0.8;}

.contact_banner .contact_banner_in a span b ,.contact_banner .contact_banner_in a span p{ color: #fff;}

.contact_banner .contact_banner_in a .wechat_imgs{position: absolute; bottom:106%; left:0; text-align: center; width:100%; height:auto; opacity: 0; border-radius: 100%;display: none;}
.contact_banner .contact_banner_in a .wechat_imgs img{border: solid 5px #fff;}
.contact_banner .contact_banner_in a:hover .wechat_imgs{width: 100%; left: 0; height: auto; opacity: 1;display: block;}
.form_contact_bttom{position: fixed; top: 0; left: 0; background: url(../images/blacks_25.png);z-index: 100000000; width: 100%; height: 100%;display: none;}
.form_contact_bttom_in{margin:100% auto 0 auto; max-width: 600px; width: 90%; height: auto; padding: 10px;background: #fff; }
.form_contact_bttom.form_open{display: block;}
.form_contact_bttom.form_open .form_contact_bttom_in{margin:10% auto 0 auto; }

.form_contact_bttom_in #commentform-park{width: 80%; margin:10px 10% 10px 10%; position: relative;}
.form_contact_bttom_in #commentform-park .lables{width:45%; float: left; margin: 5px 2.5%; }
.form_contact_bttom_in #commentform-park .lables input[type="text"]{ border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park .lables select{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park .lables_c,.form_contact_bttom_in #commentform-park .lables_ra,.form_contact_bttom_in #commentform-park .submut_k{width:95%; float: left; margin: 5px 2.5%; }
.form_contact_bttom_in #commentform-park .lables_ra{font-size: 12px; color: #666; margin: 10px 2.5%; line-height: 26px;}

.form_contact_bttom_in #commentform-park .lables_ra label{font-size: 14px; color: #666; margin-right: 10px;}
.form_contact_bttom_in #commentform-park .lables_ra input[type="radio"]{ margin:0 5px 5px 10px; cursor: pointer;}

.form_contact_bttom_in #commentform-park .lables_c textarea{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park #submits{float: left;padding: 5px 35px; font-size: 16px; color: #cf0434; background:#fff; border: solid 1px #cf0434; cursor: pointer;}
.form_contact_bttom_in #commentform-park #submits:hover{background: #cf0434;color: #fff; }
.form_contact_bttom_in #commentform-park .tishi{float: left; color: #666; font-size: 14px; margin-left: 15px; position: relative; top: -6px; display: none;}
.hid_author,.hid_email{display: none;}
.form_contact_bttom_title{width: 100%; border-bottom: solid 1px #ccc; padding: 5px 0; margin:0 0 5px 0;}

.form_contact_bttom_title span{font-size: 16px;color: #333;}
.form_contact_bttom_title a{float: right; color:#cf0434;cursor: pointer;}


@media screen and (min-width:769px) and (max-width:20000px){
	#list_nav ul li .text_list_nav span{font-size: 14px;font-weight: bold;}
	#list_nav ul li .text_list_nav span.text_list_nav_title{font-size: 18px; }
}

@media screen and (min-width:1px) and (max-width:768px){
	#list_nav ul li .text_list_nav span{font-size: 12px;;}
	#list_nav ul li .text_list_nav span.text_list_nav_title{font-size: 18px;font-weight: bold; margin-bottom: 10px; }
}

.more_m{display:block; width: 150px; border: solid 1px #cf0434; padding: 5px; font-size: 16px; color: #cf0434; text-align: center;margin: 20px auto; cursor: pointer;}
.more_yw{display:block; padding: 5px; font-size: 16px; color: #0072a3; text-align: center;margin: 20px auto; cursor: pointer;}
.more_m:hover{border: solid 1px #cf0434;  color: #fff; background:#cf0434}
#list_nav {background-position: top center; overflow: hidden;}
.list_nav_title{width: 100%; max-width: 1200px; text-align: center; margin: 0 auto; display: block; margin-bottom: 50px;}

.list_nav_ts{font-size: 24px; color: #666; display: block; width: 100%; font-weight: bold; margin: 15px 0;}
.list_nav_ts font{color:#cf0434; margin-right: 10px;}
.list_nav_title p{font-size: 14px; color: #666; line-height: 36px;}
#list_nav ul{ display: block;  height: auto; margin: 0 auto; overflow: hidden;}
#list_nav ul li{display: block; float: left;  height: auto; overflow: hidden; position: relative; }
#list_nav ul li img{ position: relative; z-index: 1;width: 100%;height: 160px;}
#list_nav ul li  a{display: block; font-size: 0;}
#list_nav ul li .zhezhao2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 2;}
#list_nav ul li .text_list_nav{ width: 90%; padding:0 5%; position: absolute; left: 0; top: 40%; z-index: 3; text-align: center;}
#list_nav ul li .text_list_nav span{ color: #fff;  width: 100%;display: block;}

#list_nav ul li .text_list_nav p{
	color: #fff; 
	font-size: 14px; 
	opacity: 0;
	height: 54px;
    overflow: hidden;
}
#list_nav ul li:hover .zhezhao2{ opacity: 0.8;}
#list_nav ul li:hover .text_list_nav{top:20%;}
#list_nav ul li:hover .text_list_nav p{opacity: 1;}
#list_nav ul li:hover {box-shadow: 0 0 5px #333;}
#list_nav ul li:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

@media screen and (min-width:1025px) and (max-width:20000px){
	#list_nav ul{max-width: 1280px; width: 101%;}
	
}

@media screen and (min-width:1px) and (max-width:1024px){
	#list_nav ul{ width: 90%; padding:0 5%}
	
}

@media screen and (min-width:768px) and (max-width:2000000px){
	#list_nav ul li{width:23.5%;margin:0  1.25% 15px 0;}
	.case_title_lists a{padding: 10px 25px;}
	.case_title_lists{ text-align: center;}
}
@media screen and (min-width:1px) and (max-width:767px){
	#list_nav ul li{width:49%;margin:0  1% 15px 0;}
	
	.case_title_lists a{padding: 8px;}
	.case_title_lists{ text-align: left;}
}
	.case_title_lists  font {
    color: #cf0434;
    margin-right: 10px;
}

.twotab #case_page .case_title_lists .mantitle a{color: #666}
.text_bn div.left_text_bn1:hover, .text_bn div.right_text_bn1:hover{top: 50px;}
.text_bn div.left_text_bn2:hover, .text_bn div.right_text_bn2:hover{top:180px;}

figure{margin: 0;}
figure img{margin: 0 auto;
    display: block;}
#case_index_show{ width:100%; height:auto;overflow:hidden; padding:20px 0 0 0; position:relative;z-index: 10; background: #fff;}
.loop_part {padding:0 0 20px 0 ; }
.case_index_show_in{ margin:0 auto;}
.case_title_lists{width: 100%; text-align: center; overflow: hidden; border-bottom: 1px solid #e3e3e3; }
.case_title_lists a{display:inline-block;  font-size: 14px; color: #333;cursor: pointer;}
.case_title_lists a.active{  color:#cf0434; border-top:2px solid #cf0434;  border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3; }
.loop_part{width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.vedio_btn{position: absolute; top: 20px; opacity: 0; left: 0; width: 100%; height: 100%; background: url("../images/b_80.png"); text-align: center; z-index: 1;cursor: pointer;}

.case_loop li{background:url("../images/w_80.png");}
.case_loop li:hover .vedio_btn{top:0; opacity: 1;}
.case_loop li:hover .vedio_btn .icon{margin-top: 35%; opacity: 1;}
.vedio_url{ display:inline-block; padding: 5px 15px; border: solid 1px #ff8400; font-size: 12px; margin: 10px 0;}
 .vedio_url:hover{color: #fff; background:#ff8400;}

.case_loop{ width:103%; display:block; overflow:hidden;}
#case_index_show.index_boxs .case_loop{width:102%; padding: 0 4px;  }
.case_index_show_in .comments_p{ display: none;}
#per27 .case_loop li{ width:100%; margin:5px 0 8px 0;}
@media screen and (min-width:650px) and (max-width:200000px){
.case_loop li{ width:30%; margin:10px 3% 15px 0; }
.case_loop.loop_list4 li{ width:17%; margin:10px 3% 10px 0;}
	
	}
@media screen and (min-width:1px) and (max-width:649px){
.case_loop li{ width:47%; margin:10px 3% 15px 0; }

	
	}	
@media screen and (min-width:1025px) and (max-width:2000000px){
	
	#case_index_show	.pagination_out{display: none;}
}	
@media screen and (min-width:1px) and (max-width:1024px){
	
#case_index_show .pagination_out{width: 100%;  z-index: 100; text-align: center; padding: 10px 0; position: relative;}
#case_index_show .pagination_out span{ width: 15px; height: 5px; border-radius: 0;  background: #666; margin: 0 5px;}
#case_index_show .pagination_out span.swiper-pagination-bullet-active{ background:#ff8400;}
}		
@media screen and (min-width:1024px) and (max-width:200000px){
.case_loop.loop_list5 li{ width:18%; margin:10px 2% 10px 0;}
.case_loop.loop_list6 li{ width:13.6%; margin:10px 3% 10px 0;}
.case_loop.loop_list7 li{ width:11.2%; margin:10px 3% 10px 0;}
.case_loop.loop_list8 li{ width:9.5%; margin:10px 3% 10px 0;}	
	}
	
@media screen and (min-width:768px) and (max-width:1023px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{ width:22%; margin:10px 3% 10px 0;}
	
	}	
@media screen and (min-width:650px) and (max-width:767px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{width:30%; margin:10px 3% 15px 0;}
	
	}		

.case_loop li{  display:block; float:left;}



.case_loop  .product_pic{ font-size:0;}

.case_loop  .product_pic .thumbnails{position:absolute; left:0; bottom:-300px; background:url("../images/w_80.png"); }
.case_loop  .product_pic .thumbnails a img{width:90%; height: auto;}
.case_loop  .product_pic .thumbnails{width:90%; padding:5px 5%;}

.case_loop  .product_pic .thumbnails .thumbnail_prve,.case_loop  .product_pic .thumbnails  .thumbnail_next {background-image: url("../images/css.png");background-repeat: no-repeat;cursor: pointer;height:100%; position: absolute;width: 5% !important; background-color: #F6F6F6; top:0;}



.case_loop  .product_pic .thumbnails .thumbnail_prve{ right:0;background-position:3px -709px;}
.case_loop  .product_pic .thumbnails .thumbnail_next { left:0;background-position:3px -658px;}

#per27 .case_loop  .product_pic .onsale{position: relative; width: 100%; padding: 8px 0; text-align: center; top: 0; left: 0; display: block;}
.case_loop  .product_pic,.case_loop  .product_bottom{ display:block; width:100%; position:relative; overflow:hidden; text-align:center;}
.case_loop  .product_pic .onsale{ position:absolute; left:5px; top:10px; padding:5px; color:#fff; background:#ba9f74; z-index:2; line-height:normal;border-radius:0; min-height:inherit; font-weight:normal }
.case_loop  .posts_title{ margin:5px 0; display:block; text-align: center; height: 35px; overflow: hidden;}
.case_loop  .posts_title a{ font-size:16px; color:#333; font-weight:normal;}
.case_loop  .product_bottom .woocommerce-review-link{ display:none;}
.case_loop  .product_bottom .woocommerce-product-rating{ display:inline-block; margin-bottom:8px;}
.case_loop  .product_bottom .star-rating{ color:#f56600; font-size:14px;}
.case_loop  .product_bottom  .black_price_out span{ font-size:16px; }


.case_loop .case_pic{ font-size:0; width:100%; position:relative; overflow:hidden;height:183px;}
.case_loop .case_pic img{ max-height:183px;}
.case_loop .case_pic  figcaption{ font-size: 12px; position: absolute; bottom: -100px; left: 0;  text-align: center; width: 96%; padding: 10px 2%; color: #fff; opacity: 0; text-align: left; z-index: 10; display: block;}
.case_loop .case_pic  figcaption span{position: relative; z-index: 10;}
.case_loop .case_pic  figcaption::after{ content: ""; display: block;width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; z-index: 1;position: absolute;}

.case_loop li:hover .case_pic  figcaption{ opacity: 1; bottom: 0;}
.case_loop li:hover .case_pic img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.case_loop li:hover{box-shadow: 0 0 5px #ccc;}

.case_text{ text-align:center;}
.case_text .posts_title{ margin: 0; width: 96%; padding: 0 2%; height: 41px; margin-top: 10px; line-height: 18px; display:block; overflow: hidden;}
.case_text .posts_title a{ font-size:14px; color:#333; }

#w_tc .list_nav_ts ,#w_tc .list_nav_ts font{color:#fff; text-shadow: 0px 0px 5px #000}
#w_tc .more_m{color:#fff; border: solid 1px #fff;}




@media screen and (min-width:1109px) and (max-width:20000px){
	
	#ms_icon .icons_i i{font-size: 32px;margin-right: 10px;}
	.icons_in .icons_contact span p{font-size: 14px;}
}
@media screen and (min-width:1024px) and (max-width:1108px){
	
	#ms_icon .icons_i i{font-size: 24px;margin-right: 10px;}
	.icons_in .icons_contact span p{font-size: 12px;}
}

@media screen and (min-width:768px) and (max-width:20000px){
	.icons_in #ms_icon2.icons_contact span p{font-size: 16px; }
	.icons_in .icons_contact{width: 18%; margin: 10px 1% 10px 1%; padding: 70px 1.5% 30px 1.5%; }
	.icons_in #ms_icon3{width: 12%; margin: 10px 0.5% 10px 0.5%;}
	.icons_in #ms_icon2.icons_contact{ width: 16%; margin: 10px 2% 10px 2%;padding: 20px 1.5%; }
	#ms_icon3 .icons_i i{font-size: 32px; margin: 0 0 0px 0;color:#fff;display: inline-block; width: 75px; height: 75px; line-height: 75px; text-align: center;border-radius:100%;box-shadow: 0 0 0 8px rgba(204,219,56,.35);  }
#ms_icon3:hover .icons_i i{box-shadow: 0 0 0 20px rgba(204,219,56,.35);}
	.icons_in #ms_icon3.icons_contact{padding: 20px 1.5% 30px 1.5%;}
}
@media screen and (min-width:1px) and (max-width:767px){
	.icons_in .icons_contact span p,.icons_in #ms_icon2.icons_contact span p{font-size: 12px;}
	.icons_in .icons_contact{width: 44%; margin: 10px 1% 10px 1%; padding: 70px 1.5% 30px 1.5%; }
	.icons_in #ms_icon3.icons_contact{width: 27%;}
	#ms_icon3 .icons_i i{font-size: 16px; margin: 0 0 0px 0;color:#fff;padding: 15px; text-align: center;border-radius:100%;box-shadow: 0 0 0 3px rgba(204,219,56,.35);  }
#ms_icon3:hover .icons_i i{box-shadow: 0 0 0 20px rgba(204,219,56,.35);}
	.icons_in #ms_icon2.icons_contact{ width: 42%; margin: 10px 2% 10px 2%;padding: 20px 1.5%; }
	.icons_in #ms_icon3.icons_contact{padding: 10px 1.5% 5px 1.5%;}
}

.icons_in{margin: 0 auto;max-width:1402px;width: 95%;padding: 0 2.5%;text-align: center;}
.icons_in .icons_contact{display: inline-block;  position: relative; text-align: left;}
.icons_in .icons_contact .ba{ width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; border: solid #e9e9e9 1px; border-radius: 8px;background: url(../images/w_40.png);}

.icons_in #ms_icon font{font-size: 26px; color: #999999; position: absolute; top: 15px; left: 15px;}
.icons_i{width: 90%; height: auto; text-align:left; margin: 0 5% ; position: relative; padding-bottom:5px;z-index: 5; }
#ms_icon .icons_i::after{width: 100%; content: " "; height: 1px; background:#e9e9e9; position: absolute; bottom: 0; left: 0; z-index: 1;}
#ms_icon .icons_i::before{width: 35px; content: " "; height: 1px; background:#cf0434; position: absolute; bottom: 0; left: 0; z-index:2;}
#ms_icon:hover .icons_i::before{width: 70px; content: " "; height: 1px; background:#cf0434; position: absolute; bottom: 0; left: 0; z-index:2;}

#ms_icon .icons_i b{font-size: 18px; color: #333; line-height: 32px;}

.icons_in .icons_contact:hover .ba{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); box-shadow: 0 0 5px #fff;}

.icons_in #ms_icon.icons_contact:hover  font{color:#cf0434;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.icons_in .icons_contact span{width: 90%; text-align:left; margin: 0 5% ; display: inline-block; overflow: hidden; position: relative;z-index: 5;}
.icons_in .icons_contact span p{ color: #666;}

.icons_in #ms_icon2.icons_contact .ba{ border-radius: 0px;}
#ms_icon2 .icons_i{text-align: center; margin: 20px 0 10px 0; width: 100%;}
#ms_icon2 .icons_i i{font-size: 48px; margin: 0;}
.icons_in #ms_icon2.icons_contact span{text-align: center;}
#w_tc .icons_contact span b,#w_tc .icons_contact span p,#w_tc.icons_in #ms_icon3 b{color: #fff;}
.icons_in #ms_icon2.icons_contact span b{font-size: 26px; }

.icons_in #ms_icon2.icons_contact:hover .ba{ box-shadow: none;;}



.icons_in #ms_icon3.icons_contact .ba{ border: none; background: none;}
#ms_icon3 .icons_i{text-align: center; margin: 20px 0 0px 0; width: 100%;}


.icons_in #ms_icon3 span p{margin: 0;height: 44px;display: block; width: 100%;}
.icons_in #ms_icon3 b{display: block; width: 100%; text-align: center;font-size: 18px; font-weight: bold; margin-top: 15px; color:#333;}
.icons_in #ms_icon3.icons_contact span{text-align: center;}

.icons_in #ms_icon3.icons_contact span b{font-size: 26px; }

.icons_in #ms_icon3.icons_contact:hover .ba{ box-shadow: none;;}


.swiper-container{width: 100%;}
#vot{padding: 30px 0;}

@media screen and (min-width:768px) and (max-width:200000px){
	.imgs_avars{width: 15%;float: left;text-align: right; }
	.text_vot{width: 77%;padding: 15px 4%;float: right;  }
	#vot #votms_2 .swiper-slide {margin-right: 37px!important;}
}

@media screen and (min-width:1px) and (max-width:767px){
	.imgs_avars{width: 100%; text-align: center;}
	.text_vot{width: 80%; padding: 15px 10%;}
	#vot #votms_2 .text_vot{ width: 80%!important;}
}

.vot_ul_in{margin: 0 auto;max-width: 960px;width: 95%;padding: 0 2.5%;text-align: center;}
.vot_uls .swiper-slide{background: #fff; border: solid #e9e9e9 1px; border-radius: 8px; padding: 15px 0;}
#votms_2 .vot_uls .swiper-slide{background: url(../images/w_80.png);}
#index_content .twotab  .vot_uls .swiper-slide{border: none;}

.vot_uls .swiper-slide:hover .imgs_avars img{border: solid #cf0434 5px;}
.imgs_avars{ height: auto; overflow: hidden; position: relative;}
.imgs_avars img{border-radius: 100%; border: solid #f5f5f5 5px; max-width: 100px; height: auto;}
.text_vot{text-align: left;  }
.v_titles{font-size: 16px; color: #cf0434;}
.v_des{font-size: 14px; color: #666;}
.text_vot p{font-size: 14px; color: #666;}
#vot  .pagination_out,#band .pagination_out{padding: 15px 0; text-align: center;}
#vot .pagination span,#band .pagination span{width: 30px;height: 4px;border-radius: 0;background: #ccc;margin: 0 5px;opacity: 1;}
#vot .pagination span.swiper-pagination-bullet-active,#band  .pagination span.swiper-pagination-bullet-active{background: #cf0434;}
#vot #votms_2 .swiper-slide a{display: block; overflow: hidden; width: 100%;}

#vot #votms_2 .imgs_avars{width: 100%; text-align: center;}
#vot #votms_2 .text_vot{width:92%; text-align: center;}
#vot #votms_2 .text_vot p{text-align: justify;}
#vot #votms_2 {max-width: 1280px;}
#vot #votms_2 .imgs_avars img{max-width: 150px; }
#vot #votms_2 .v_titles,#vot #votms_2 .v_des{width: 100%;display: inline-block;}
#vot #votms_2 .v_des{margin: 5px;}
.tx_n{width: 100%; margin: 35px 0; overflow: hidden;}
.tx_n a{display: inline-block;  width: 40px; height: 40px; margin: 0 15px; cursor: pointer;}
.tx_n a.active img{border: solid #cf0434 3px;}
.tx_n a img{border-radius: 100%; border: solid #f5f5f5 3px; max-width: 40px; height: auto;}

@media screen and (min-width:1024px) and (max-width:2000000px){
.text_about{text-align: left; float: right; width: 45%;}
	.about_img{width: 50%; float: left; margin-right: 5%; position: relative;}
	.text_about span{font-size: 24px; }
	.text_about p{line-height: 26px;font-size: 15px;}
}

@media screen and (min-width:768px) and (max-width:1023px){
.text_about{text-align: left; }
	.about_img{width: 50%; float: left; margin-right: 5%; position: relative;}
	.text_about span{font-size: 24px; }
	.text_about p{line-height: 26px;font-size: 15px;}
}

.about_tt a{padding: 15px 20px 18px 20px; font-size: 24px; color: #333;cursor: pointer;font-weight: bold;}
.about_tt a.active{ border-bottom: 3px  solid #cf0434; padding:15px 20px; color:  #cf0434; }

@media screen and (min-width:1px) and (max-width:767px){
	.about_img{width: 100%; float: left; margin-bottom:10px; position: relative;}
	.text_about{text-align: left; float:left; width:100%;}	
	.text_about span{font-size: 16px; }
	.text_about p{line-height: 20px;font-size: 14px;}
	.about_tt a.active{
		padding:6px;
		font-size:20px;
	}
	.about_tt a{
		padding:6px;
		font-size:20px;
	}
	#top_video .top_btns a{
		padding:3px;
	}
	.hszn-img{
		width:50%;
	}
	.nf_box1 span{
		width:90%;
	}
	.newfooter_menu li{
		width:100%;
	}
	
}

.about_ul_in{margin: 0 auto;max-width: 1280px;width: 95%;padding: 0 2.5%;text-align: center;}
.about_tt{width: 100%; margin: 0 0 40px 0; text-align: center;overflow:hidden; height: 50px;}


.text_about{text-align: left; }
.text_about span{ color: #333; margin: 0 0 20px 0; font-weight: bold;}
.text_about p{  color: #1E1E1E;}
.about_insile{overflow:hidden;width: 100%; height: auto;font-size: 0;}
.video_btns{
	position:absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;  
	text-align: center; 
	color: #fff; 
	opacity: 0.5; cursor: pointer;
}
.video_btns:hover{opacity: 1;}
.video_btns i{font-size: 36px; margin-top: 35%;}
.text_about a{display: inline-block; width: auto; padding: 8px 20px; font-size: 15px; color:#cf0434; border: solid 1px #cf0434;}
.text_about a:hover{color:#fff; background:#cf0434;}



@media screen and (min-width:1024px) and (max-width:1048px){
	.news_loop li .new_right span,.news_loops1 li .new_right time,.news_loops2 li .new_right p{height: 20px; overflow: hidden;}
	
}

@media screen and (min-width:1024px) and (max-width:200000px){
.news_loops1{ width: 65%;  }
.news_loops2{ width: 30%; }
	
}
@media screen and (min-width:1px) and (max-width:1023px){
.news_loops1{ width: 100%; margin-bottom: 15px;  }
.news_loops2{ width: 100%; }
	
}

@media screen and (min-width:768px) and (max-width:20000px){
	.news_loops1 li{width:40%;}
	
}
@media screen and (min-width:1px) and (max-width:767px){
	.news_loops1 li{width:90%;}
	
}
.news_loops1{display: block; float: left;   background:#fff;}
.news_loops2{display: block; float: right;  background:#fff;}
.news_loop li{ display: block;}
.news_loop li.titles_new{width: 95%; padding: 18px 2.5%; border-bottom: solid 1px #ccc; background: #fff;color: #333; font-size: 16px; font-weight: bold;}
.news_loop li.titles_new a{float:right; font-size: 14px;color:#cf0434;}
.news_loops1 li{padding: 15px 5%;float: left; border-bottom: 1px dashed #d5dbe0;}
.news_loops1 li .new_left{width:50px; height: 50px; padding: 1.5px; border: solid 1px #ccc;float: left; margin-right: 15px;}
.news_loops1 li .new_left img{width:50px; height: 50px; }
.news_loops2 li .new_left{width: 55px; height: 55px;float: left; margin :0 15px 3px  0;}
.news_loop li .new_right .posts_title{    margin-bottom: 0px;height: 41px; overflow: hidden; display: block; line-height: 18px; margin-top: 0;}
.news_loop li .new_right .posts_title a{font-size: 14px; color: #4782b2; margin-bottom: 5px;font-weight: bold;}
.news_loop li .new_right .posts_title a:hover{color:#333;}
.news_loop li .new_right span,.news_loops1 li .new_right time,.news_loops2 li .new_right p{font-size: 12px; color: #666; margin:0  8px 0 0;    height: 19px;
    overflow: hidden; }

.news_loops2 li{width:90%; padding: 15px 5%;float: left; border-bottom: 1px dashed #d5dbe0;}
.news_loops2 li .new_left .mouth{display: block;width: 100%; background:#cf0434; color: #fff; text-align: center; font-size: 14px; height: 26px; line-height: 26px;}
.news_loops2 li .new_left .day{display: block;width: 100%;background:#f3f3f3;font-size: 14px; color:#666; text-align: center; line-height: 34px;}

.band_ul_in{margin: 0 auto;max-width:1280px;width: 95%;padding: 0 2.5%;text-align: center;}
.band_ul_in .band_uls .swiper-slide{text-align: center;}

.big_news{width: 96%; padding: 15px 2%; background: #fff; margin-bottom:20px;}
.big_news_swiper .posts_title{ position: absolute; bottom: 0; left: 0; z-index: 100; padding: 15px 2.5%; width: 95%; background: url(../images/b_80.png);  }
.big_news_swiper .posts_title a{color: #fff; font-size: 14px;}

#case_page,.twotab #case_index_show{width: 96%; padding: 15px 2%; background: #fff; margin-bottom:20px;}

#case_page .case_page_show_in,.twotab #case_index_show .case_index_show_in{width: 100%; height: auto; margin: 0; padding: 0;}
#case_page .case_page_show_in li{width: 100%; height: auto; text-align: left; margin:0 0 15px 0; padding:0 0  15px 0; border-bottom: 1px solid #e3e3e3; }
#case_page .case_page_show_in li:hover{box-shadow: none;}
#case_page .case_page_show_in li .case_pic{ float: left; margin-right: 15px; overflow: hidden;}
#case_page .case_page_show_in li .case_text{text-align:left;}
#case_page .case_page_show_in li .case_text .posts_title{text-align: left; width: auto; margin: 0 0 10px 0; padding: 0; height: auto;}
#case_page .case_page_show_in li .case_text .posts_title a{font-size: 16px;color: #333;}
#case_page .case_page_show_in li .case_text span ,#case_page .case_page_show_in li .case_text span time{font-size: 12px; color:#cf0434; margin-right: 5px; opacity: 0.9;}
#case_page .case_page_show_in li .case_text p{font-size: 14px; color: #666; line-height: 20px; margin: 3px 0; }
#case_page .case_page_show_in li .case_text .vedio_url{background:#cf0434; color: #fff; border: none; border-radius: 5px; margin: 2px 0 0;}

#case_page .case_page_show_in li.first_show:first-child{ }
#case_page .case_page_show_in li.first_show:first-child .case_pic{ width: 100%; max-height:inherit;}
#case_page .case_page_show_in li.first_show:first-child .case_text{float: left;width: 100%; margin-top: 15px;}

#case_page .case_page_show_in li.first_show{ float: left; margin: 0 0 9px 0; padding: 0 0 10px 0; border: none;}
#case_page .case_page_show_in li.first_show .case_pic{ width: 100px; max-height: 80px;}
#case_page  .loop_part{padding-bottom: 0;}

@media screen and (min-width:768px) and (max-width:20000px){
	#case_page .case_page_show_in li.first_show{width: 50%;}
	#case_page .case_page_show_in li.first_show:first-child{width: 45%;margin-right: 5%;}
	#case_page .case_page_show_in li .case_pic{width: 200px; max-height: 150px; }
}
@media screen and (min-width:1px) and (max-width:767px){
	#case_page .case_page_show_in li.first_show,#case_page .case_page_show_in li.first_show:first-child{width: 100%;}
	#case_page .case_page_show_in li .case_pic{width: 100px; max-height: 80px; }
	.new_footer_box{
		display:none;
	}
	.case_loop .case_pic{
		height:122px;
	}
}



.index_nav{width: 96%; padding: 15px 2%; background: #fff; margin-bottom:20px;}
.index_nav .case_title_lists{ text-align: left;}
.case_title_lists .mantitle{   display: inline-block; font-size: 18px;font-weight: bold; padding: 10px 0; margin:0; position: relative; color: #cf0434;}

.index_nav_ul{ display:block; width:100%; padding: 5px 0; margin-top: 10px;}
.index_nav_ul li{ display:block; width:100%; height:auto; font-size:0; position:relative; background:#FAFAFA;margin-bottom: 10px;}
.aside_mian .index_nav_ul li:hover{ background:#F2F2F2;}
.index_nav_ul li a{ display:block; padding:3px 5%; width:90%; cursor: pointer; background:#E3E3E380; margin-bottom: 10px; font-weight: bold;}
.index_nav_ul li .sub-menu li a{background: none; margin-bottom: 0; font-weight: normal;}
.index_nav_ul li a figure{ float:left; width:30px; margin-right:10px;}
.index_nav_ul li a { line-height:30px;height: 30px;overflow: hidden;}
.index_nav_ul li a  span{ font-size:14px; color:#333;}
.index_nav_ul li.menu-item-has-children i,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i{display: block ; position:absolute; right: 0; top: 0; width: 36px; height: 36px;cursor: pointer;;font-size: 14px;text-align: right;margin-right: 10px;line-height: 44px;color: #8F8F8F;}


.index_nav_ul li.menu-item-has-children i::before, .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i::before{content:"\f067";font-family: FontAwesome;-webkit-transform: rotate(0);transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);display: inline-block;}


.index_nav_ul li.menu-item-has-children i.opens::before,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i.opens::before{-webkit-transform: rotate(-137deg);transform: rotate(-137deg);-moz-transform: rotate(-137deg);-o-transform: rotate(-137deg);}
.index_nav_ul li .sub-menu{display: none;}
.index_nav_ul li.current-menu-item .sub-menu,.index_nav_ul li.current-menu-ancestor .sub-menu,.index_nav_ul li.current-menu-parent .sub-menu{display:block;}
.index_nav_ul li.current-menu-item span{color: #cf0434; font-weight: bold;}
.index_nav_ul li.current-menu-item.menu-item-has-children .sub-menu li span{color: #333; font-weight: normal;}


.index_nav_ul li .sub-menu li {border-bottom:solid 1px #E3E3E380;}
#per27 .index_nav_ul li .sub-menu{  position:relative; top:0; left:0; width:90%; padding-left: 10%; }
.left_right#per27  .index_nav_ul li .sub-menu{left:-82%; }
#per27 .index_nav_ul li .sub-menu li:last-child{border: none;}
 .index_nav_ul li.menu-item-has-children .sub-menu li i, .index_nav_ul li.menu-item-has-children .sub-menu li .sub-menu li i{ display: none}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li  i{display: none!important}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{width: 90%; margin-left: 10%;}
.main_content .index_nav_ul li .sub-menu li{background:#F2F2F2;}

#adimg{width: 100%;height: auto;position: relative;}
#adimg a{display: block; width: 100%; height: auto; overflow: hidden; font-size: 0;}
.img_margin a{margin-bottom:15px; }
.img_margin a:last-child{margin: 0;}

.index_tag_nav_ul{display: block; overflow: hidden; width: 100%; margin: 15px 0;}
.index_tag_nav_ul li,.index_tagcloud a{list-style: none; display: inline-block; padding: 3px 5px; background: #e3e3e3; color: #666; margin: 0 5px 5px 0; border-radius: 3px; }
.index_tag_nav_ul li a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li a,.index_tagcloud a{color: #666; font-size: 14px; margin: 0;}
.index_tagcloud a{margin: 0 5px 5px 0}
.index_tag_nav_ul li:hover{background: #cf0434;}
.index_tag_nav_ul li:hover a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li:hover a,.index_tagcloud a:hover{color: #fff;}
.index_tag_nav_ul li.menu-item-has-children{ display: block; width: 100%; background:none!important; padding: 0; margin-bottom: 15px;}
.index_tag_nav_ul li.menu-item-has-children a{color:#333; font-size: 16px; margin-bottom: 10px; display: block; width: 100%;}
.index_tag_nav_ul li.menu-item-has-children:hover a{color:#333;}

.index_tagcloud {width: 100%; height: auto;}